<template>
  <section>
    <el-row style="line-height:26px;">
      <el-col :span="6">
        <el-row>
          <span style="font-size: 20px">小儿推拿<br/>日常保健手法</span>
        </el-row>
        <el-row style="margin-top:40px;">
          <img style="width:120px;" :src="widget.config.qrcode"/>
        </el-row>
      </el-col>
      <el-col :span="18" style="border:1px solid #666">
        <el-row style="border-bottom: 1px solid #666">
          <el-col :span="18"><span class="boldFont">◎ 推荐手法</span></el-col>
          <el-col :span="6"><span class="boldFont">扫码学习操作</span></el-col>
        </el-row>
        <el-row style="border-bottom: 1px dashed #666" v-for="massage of widget.data.massage" :key="massage.id">
          <el-col :span="18">
            <el-row>{{massage.name}}</el-row>
            <el-row>作用：{{massage.effect}}</el-row>
          </el-col>
          <el-col :span="6"><section v-if="massage.data && massage.data.img"><img style="width:68px;" :src="massage.data.img" /></section></el-col>
        </el-row>
        <el-row style="border-top:1px solid #666">
          <div v-html="widget.config.description"></div>
        </el-row>
      </el-col>
    </el-row>
  </section>
</template>

<script>
  export default {
    name: "page-fangan-d",
    props: ['reportData','widget', 'showConfDialog'],
    data(){
      return {
        isDebug:false
      }
    },
    created(){
      if(Object.getOwnPropertyNames(this.widget.data).length < 4 || this.isDebug){
        this.widget.data.massage = this.reportData.data.massage
        this.$emit('done',this.widget.data)
      }
    }
  }
</script>


<style lang="scss">
  .boldFont{
    font-weight: bold;
  }
</style>
